@charset "utf-8";
*{margin:0; padding:0;font-family: '微软雅黑';color: #333;}
.memberDetail h1,h2,h3,h4,h5,h6{ font-family: '微软雅黑';}
.memberDetail button,a{font-family: '微软雅黑';border: 0;cursor: pointer;}
.memberDetail button{border-radius: 5px;}
.memberDetail a{
	color: #333;
	text-decoration: none;
	border:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color:transparent;
	-moz-tap-highlight-color: rgba(0,0,0,0);
	-moz-tap-highlight-color:transparent;
	-ms-tap-highlight-color: rgba(0,0,0,0);
	-ms-tap-highlight-color:transparent;
	outline:none；
}
.memberDetail a:hover{text-decoration:none;}
.memberDetail img{border:none;display: inline-block;}
.memberDetail ol,ul,li{list-style:none;}
.memberDetail html{overflow-y: scroll;font-size: 40px;height: 100%;} 
.memberDetail body{height: 100%;margin: 0 auto;}
/*数据过长省略*/
.memberDetail .words-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*定位*/
.memberDetail .pa{position: absolute;}
.memberDetail .pr{position: relative;}
.memberDetail .pf{position: fixed;}
/*字体颜色*/
.memberDetail .white{color: #fff;}
/*宽度*/
.memberDetail .wid100{width: 100%}
.memberDetail .wid80{width: 80%;}
.memberDetail .wid70{width: 70%;}
.memberDetail .wid60{width: 60%;}
.memberDetail .wid50{width: 50%;}
.memberDetail .wid40{width: 40%;}
.memberDetail .wid35{width: 35%;}
.memberDetail .wid33{width: 33.33%;}
.memberDetail .wid30{width: 30%;}
.memberDetail .wid25{width: 25%;}
.memberDetail .wid20{width: 20%;}
.memberDetail .wid10{width: 10%;}
/*高度*/
.memberDetail .hei100{height: 100%;}
/*浮动*/
.memberDetail .fl{float: left !important;}
.memberDetail .fr{float: right;}
/*文字排列样式*/
.memberDetail .tac{text-align: center;}
.memberDetail .tar{text-align: right;}
.memberDetail .tal{text-align: left;}
/*字体大小*/
.memberDetail .font26{font-size: 0.65rem;}
/*清除浮动*/
.memberDetail .clear{clear: both;height: 0;}

/*隐藏消失*/
.memberDetail .hide{display: none;}
.memberDetail .show{display: block;}

.memberDetail{
	width: 100%;
}
.memberDetail .memberDetail-title{
	width: 1226px;
	margin: 0 auto;
	font-size: 20px;
	color: #666;
	line-height: 60px;
}
.memberDetail .memberSpecial{
	width: 1226px;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
	padding: 30px 0;
}
.memberDetail .memberSpecial p{
	color: #999;
	font-size: 36px;
}
.memberDetail .line{
	margin: 20px auto 0;
	width: 40px;
	border-bottom: 2px solid #999;
}
.memberDetail .specials{
	margin: 0 auto 35px;
	width: 720px;
}
.memberDetail .special{
	width: 180px;
	height: 160px;
	box-sizing: border-box;
	float: left;
	text-align: center;
	font-size: 14px;
}
.memberDetail .specialIcon{
	width: 55px;
	height: 55px;
	margin: 30px auto 10px;
	background-color: #eee;
}
.memberDetail .audiotype{
	width: 1226px;
	margin: 0 auto;
}
.memberDetail .type{
	width: 400px;
	height: 370px;
	box-sizing: border-box;
	border: 1px solid #eee;
	float: left;
	margin-right: 13px;
	text-align: center;
}
.memberDetail .lasttype{
	margin-right: 0;
}
.memberDetail .typebg{
	width: 100%;
	height: 200px;
	background-color: #f00;
}
.memberDetail .typepay{
	width: 100%;
	margin-top: 10px;
	line-height: 40px;
	font-size: 18px;
}
.memberDetail .type button{
	width: 235px;
	height: 35px;
	background-color: #f5712c;
	color: #fff;
	margin-top: 15px;
}
.memberDetail .videoImgs{
	width: 100%;
	background-color: #eee;
	margin-top: 45px;
	text-align: center;
}
.memberDetail .videoImgs-title{
	color: #999;
	font-size: 36px;
	padding: 65px 0 0px;
}
.memberDetail .videoImgs-secondTitle{
	color: #999;
	font-size: 20px;
	margin: 20px 0 110px;
}
.memberDetail .videoImglist{
	width: 950px;
	margin: 0 auto 100px;
}
.memberDetail .list{
	width: 300px;
	height: 150px;
	line-height: 150px;
	text-align: center;
	font-size: 30px;
	margin:0 25px 10px 0;
	box-sizing: border-box;
	border: 1px solid #999;
	background-color: #fff;
	float: left;
}
.memberDetail .last-list{
	margin-right: 0;
}
.memberDetail .cooperation{
	width: 100%;
	height: 300px;
	background-color: #000;
	text-align: center;
	border-top: 1px solid transparent;
	box-sizing: border-box;
	padding: 30px 0;
}
.memberDetail .cooperation span{
	font-size: 36px;
	color: #999;
}
.memberDetail .stagenames{
	width: 500px;
	margin: 0 auto;
}
.memberDetail .stagenames .wid33{
	height: 135px;
	line-height: 135px;
	color: #fff;
	text-align: center;
	font-size: 30px;
}


@media (max-height:980px) and (max-width:1440px){
	.memberDetail .memberDetail-title{
		width: 980px;
		font-size: 16px;
		line-height: 48px;
	}
	.memberDetail .memberSpecial{
		width: 980px;
		margin: 0 auto;
		padding: 24px 0;
	}
	.memberDetail .memberSpecial p{
		font-size: 29px;
	}
	.memberDetail .line{
		margin: 16px auto 0;
		width: 32px;
	}
	.memberDetail .specials{
		margin: 0 auto 28px;
		width: 576px;
	}
	.memberDetail .special{
		width: 144px;
		height: 128px;
		font-size: 12px;
	}
	.memberDetail .specialIcon{
		width: 44px;
		height: 44px;
		margin: 24px auto 8px;
	}
	.memberDetail .audiotype{
		width: 980px;
	}
	.memberDetail .type{
		width: 320px;
		height: 296px;
		margin-right: 10px;
	}
	.memberDetail .lasttype{
		margin-right: 0;
	}
	.memberDetail .typebg{
		height: 160px;
	}
	.memberDetail .typepay{
		margin-top: 8px;
		line-height: 32px;
		font-size: 14.4px;
	}
	.memberDetail .type button{
		width: 188px;
		height: 28px;
		margin-top: 12px;
	}
	.memberDetail .videoImgs{
		margin-top: 36px;
	}
	.memberDetail .videoImgs-title{
		font-size: 29px;
		padding: 52px 0 0px;
	}
	.memberDetail .videoImgs-secondTitle{
		font-size: 16px;
		margin: 16px 0 88px;
	}
	.memberDetail .videoImglist{
		width: 760px;
		margin: 0 auto 80px;
	}
	.memberDetail .list{
		width: 240px;
		height: 120px;
		line-height: 120px;
		text-align: center;
		font-size: 24px;
		margin:0 20px 8px 0;
	}
	.memberDetail .last-list{
		margin-right: 0;
	}
	.memberDetail .cooperation{
		height: 240px;
		padding: 24px 0;
	}
	.memberDetail .cooperation span{
		font-size: 29px;
	}
	.memberDetail .stagenames{
		width: 400px;
	}
	.memberDetail .stagenames .wid33{
		height: 108px;
		line-height: 108px;
		font-size: 24px;
	}
}